// @import '/public/css/init.scss';
.riskControl-box{
    position: relative;
    .riskControl {
        position: absolute;
        width:100%;
        height:100%;
        // display:none;
        background:white;
        padding: 30px 50px 90px; // position:relative;
        box-sizing: border-box;
        &:first-child{
            display:block;
        }
        >.title {
            p {
                span {
                    &:first-child {
                        color: rgb(61, 133, 255);
                        font-size: 90px;
                    }
                    &:last-child {
                        color: rgb(133, 178, 255);
                        font-size: 26px;
                    }
                }
                &.problem {
                    margin-top: 40px;
                    font-size: 34px;
                    line-height: 54px;
                    font-weight: 500;
                    color: rgb(61, 133, 255)
                }
            }
        }
        >div.list {
            margin-top: 50px;
            >ul {
                >li {
                    padding: 50px 0;
                    border-top: 1px solid rgb(225, 233, 242);
                    font-size: 30px;
                    line-height: 45px;
                    &:last-child {
                        border-bottom: 1px solid rgb(225, 233, 242);
                    }
                }
            }
        }
        >div.bottom {
            margin-top: 198px;
            text-align: center;
            font-size: 24px;
        }
        &.rm{
            animation: out 2s forwards;

        }
        // &.dis{
        //     animation: hides .5s 1s forwards;
        // }
        @keyframes out {
            from{
                // transform: translate(0,0);
                opacity:1;
            }
            to{
                // transform: translate(-100%,0);
                // transform: translate(0,100);
                opacity:0;
                // display:none !important;
            }
        }
        @keyframes in {
            from{
                opacity:0;
            }
            to{
                opacity:1;
            }
        }
    }

}
.list>ul>li:active{
    display: block;
    background: #f7f7f8;
}

.list>ul>li:hover{
    display: block;
    background: #f7f7f8;
}
